/* 背景图片样式 */
.bg-image {
    width: 100%;
    height: 100%;
    position: fixed;
    background-size: 100% 100%;
    z-index: -1;
}

/* 容器样式 */
.container {
  display: flex; /* 使用flex布局 */
  flex-direction: column; /* 垂直排列子元素 */
  align-items: center; /* 水平居中 */
  justify-content: center; /* 垂直居中 */
  height: 100vh; /* 占满整个视口高度 */
  padding: 20px; /* 内边距 */
  
}

/* 欢迎文本样式 */
.container > text {
  font-size: 24px; /* 设置字体大小 */
  margin-bottom: 20px; /* 底部间距 */
 
}

/* 登录按钮样式 */
.userinfo button {
  background-color: #b2cf4b; /* 按钮背景色 */
  color: #fff; /* 文字颜色 */
  border: none; /* 去除边框 */
  padding: 10px 20px; /* 内边距 */
  font-size: 16px; /* 字体大小 */
  border-radius: 5px; /* 圆角 */
  margin-bottom: 20px; /* 底部间距 */
  transition: background-color 0.3s ease; /* 添加过渡效果 */
  
}

.userinfo button:hover {
  background-color: #8da43a; /* 悬停时背景色变化 */
}

.logo {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  margin: auto; /* 确保 logo 容器居中显示 */

}

.logo image {
  width: 100px; /* 根据需要设置图片的宽度 */
  height: 100px; /* 确保图片的宽高一致，以形成圆形 */
  border-radius: 50%; /* 设置边框半径为50%来创建圆形效果 */
  overflow: hidden; /* 隐藏超出圆形边框的图片部分 */
  
}

.link{
    color: blue;
    text-decoration:underline
}
